import QtQuick 2.0
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.1

Rectangle{

    id:operatorL
    width:parent.width *2/5
    height: parent.height
    color:"gray"
    GridLayout{

        id:grid
        anchors.fill: parent
        rows:2
        columns: 2
        rowSpacing: 20
        columnSpacing: 20
        CustomKnob{
            centerX: 64
            centerY: 64
            Layout.row:0
            Layout.column: 0
            fileName: "qrc:/image/res/knob.png"
//            signal sendThisColor(int x)

//             MouseArea {
//                 anchors.fill: parent
//                 onClicked: {
//                     knob0.sendThisColor(knob0.x)
//                 }
//            }

        }

        CustomKnob{
            centerX: 64
            centerY: 64
            Layout.row:0
            Layout.column: 1
            fileName: "qrc:/image/res/knob.png"

        }
        ColumnLayout{
            Layout.row:1
            Layout.column: 0
            Layout.alignment: Qt.AlignCenter
            CustomButton{
                fileNameold: "qrc:/image/res/old_state.png"
                fileNamenew: "qrc:/image/res/new_state.png"
            }
            Text{
                Layout.alignment: Qt.AlignHCenter|Qt.AlignVCenter
                text:qsTr("SPD")
                font.bold: true
                font.pointSize: 16
                color: "white"
            }
            Text{
                Layout.alignment: Qt.AlignHCenter|Qt.AlignVCenter
                text:qsTr("MACH")
                font.bold: true
                font.pointSize: 16
                color: "white"
            }

        }
        CustomRectButton
        {
            Layout.row:1
            Layout.column: 1
            buttonName: "LOC"

        }

    }


}


